<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>css样式表</title>
		<!--css样式需要写在style标签中-->
		<!--
        	css样式根据位置不同分为：
        	内联样式----标签的style属性
        	内部样式----写在html页面中的style样式表
        	外部样式-----可以专门css文件中的样式
        -->
		<style type="text/css">
		/*
		 * css中注释使用/** /进行注释
		 */
		/*
		 选择器{
		 	对象的属性1：属性值1；
		 	对象的属性2：属性值2；
		 	。。。。。
		 }
		 */*
			td{
				background-color:red；
				font-family: "隶书";
			}
		</style>
	</head>
	<body style="align-items: center;background-color: darkviolet;">
			<!--form表单是客户端浏览器用来向服务器端进行信息提交的标签
				写在form表单的标签的值才会被提交给服务器
				action--指定的是服务器的那个程序（类-方法）进行响应
				method--使用哪种方式进行数据从客户端发送到服务器
				选项：get--将数据信息附加在访问连接url的尾端进行发送信息
				确定：需要附加在url之后，可能会以明文的形式显示，信息不安全
				长度受到限制（不能大于255）
				汉字容易乱码（字节流方式传输）
				post--将客户端数据信息以数据包的形式发送到服务器
				不存在上述问题。
			-->
			<div align="center">
			<form action="#" method="get">
				<table border="1" cellpadding="0" cellspacing="0" bordercolor="298F8D" style="width:80%;height: 600px;">
					<tbody>
				<tr>
					<td>姓名</td><td><input type="text"  id="txtNam" name="txtName"/></td>
				</tr>
				<tr>
					<td>性别</td>
					<!--radio类型的输入框需要那么属性值一样，才具有互斥选择性-->
					<td><input type="radio"  id="radSex" name="radSex"/>女
					<input type="radio"  id="radSex" name="radSex"/>男</td>
				</tr>
				<tr>
					<td>个人简历</td><td><input type="file"  id="fileRsume" naem="fileRsume"/></td>
				</tr>
				<tr>
					<td>登陆密码</td><td><input type="password"  id="txtPsw" name="txtPsw"/></td>
				</tr>
				<tr>
					<td>个人兴趣爱好</td>
					<!--checkbox需要那么属性保持一致，服务器是使用数组对一组checkbox控件的值进行接收的-->
					<td><input type="checkbox"  id="chHobby1" name="chHobby"/>游泳
					<input type="checkbox"  id="chHobby2" checked name="chHobby"/>爬山
					<input type="checkbox"  id="chHobby3" naem="chHobby"/>啪啪啪</td>
				</tr>
				<tr>
					<td>隐藏控件</td>
					<td><input type="hidden" name="txthidden" id="txthidden" value="520"/></td>
					
				</tr>
				<tr>
					<td>学历</td>
					<td><select id="selecttxl" name="selectxl">
						<option value=""></option>
						<option value="DZ">大专</option>
						<option selected="BK">本科</option>
						<option value="SS">硕士</option>
						<option value="BS">博士</option>
						
					</select></td>
				</tr>
				<tr>
					<td>自我介绍</td>
					<td><textarea id="txtIntroduce" name="txtIntroduce" style="width: 200px;"></textarea></td>
				</tr>
				<tr>
					<td align="center"><input type="submit"  value="提交" name="chHobby"/></td>
					<td align="center"><input type="reset"  value="重置" naem="btnset"/></td>
				</tr>
				
				<tr>
					<td></td>
					<td></td>
				</tr>
					</tbody>
				</table>
				
				
			</form>
		</form>
			</div>		
	</body>
</html>

